<template>
  <el-tabs v-model="activeName">
    <el-tab-pane label="主要配置" name="MainConfig">
      <el-form-item label="公众号AppId：">
        <el-input v-model="configValue.appId" :autosize="{ minRows: 1, maxRows: 2}" placeholder="请输入微信公众号AppId" type="textarea"/>
      </el-form-item>
      <el-form-item label="公众号密匙：">
        <el-input v-model="configValue.appSecret" :autosize="{ minRows: 1, maxRows: 2}" placeholder="请输入微信公众号AppSecret" type="textarea"/>
      </el-form-item>

    </el-tab-pane>
  </el-tabs>
</template>

<script lang="ts" setup>
import { ref } from 'vue';

defineOptions({name: 'WechatConfig'})

const props = defineProps({
  configValue: {
    type: Object,
    required: true
  },
  configType: {
    type: Number,
    default: 0,
    required: true
  },
  readonly: {
    type: Boolean,
    default: false
  },
});

const activeName = ref('MainConfig');
</script>

<style lang="scss" scoped>

</style>
